<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>neirong</title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
			}
			
			.mt1 {
				height: 44px;
				font-family: 宋体;
				font-size: 15px;
				line-height: 44px;
				border: 1px solid #EBEBEB;
				background-color: #EBEBEB;
				font-weight: bold;
				padding-left: 10px;
			}
			.nr1{
				height: 105px;
				border: 1px solid #EBEBEB;
				margin-top: 2px;
				
			}
			.sswz {
				height: 30px;
				line-height: 30px;
				background-color: #EBEBEB;
				font-weight: bold;/* 加粗 */
				padding-left: 10px;
			}
			.nr{
				margin-left: 10px;
			}
			.sswbk {
				height: 40px;
				line-height: 40px;
				padding-left: 10px;
			}

			#xm,
			#qy1,
			#qy2,
			#sfzh {
				border-radius: 10%;/* 边框变圆 */
				padding-left: 10px;
			}

			#btn {
				border-radius: 10%;
				height: 21px;
				width: 61px;
				color: #000000;
			}
			#btn1{
				width: 82px;
				height: 35px;	
				background-image: url(../img/btn_add.gif);
			}
			#btn2{
				width: 82px;
				height: 35px;	
				background-image: url(../img/btn_del.gif);
			}
			#btn3{
				width: 82px;
				height: 35px;	
				background-image: url(../img/btn_config.gif);
			}
			#btn4{
				width: 82px;
				height: 35px;	
				background-image: url(../img/btn_search.gif);
			}
			.btn-group {
				height: 35px;
				padding-left: 10px;
			}
			.biaoge{
				line-height: 40px;
				margin-left: 10px;
			}
			#fxk1,#fxk2,#fxk3,#fxk4,#fxk5,#fxk6,#fxk7,#fxk8,#fxk9{
				text-align: center;
			}
			#btn5,#btn6,#btn7,#btn8,#btn9,#btn0{
				height: 30px;
				background-color: #2AABD2;
			}
			#btn5,#btn0{
				width: 45px;
			}
			#btn6,#btn9{
				width: 55px;
			}
			#btn7,#btn8{
				width: 30px;
			}
			#btn1:hover { background-image:url(../img/btn_add_hover.gif); color: white;}/* 鼠标悬停变成另一图片字体变白色 */
			#btn2:hover { background-image:url(../img/btn_del_hover.gif); color: white;}
			#btn3:hover { background-image:url(../img/btn_config_hover.gif); color: white;}
			#btn4:hover { background-image:url(../img/TIM图片20190719192832.png); color: white;}
		</style>
	</head>
	<body>
		<div class="mt1">当前位置</div>
		<div class="nr">
			<div class="nr1">
				<div class="sswz">搜索</div>
				<div class="sswbk">
					姓名<input type="text" id="xm" name="text1" size="12" maxlength="20">
					是否启用
					<select id="qy1" name="qy" size="1">
						<option value="qy">启用</option>
						<option value="bqy">停用</option>
					</select>
					身份证号<input type="text" id="sfzh" name="text2" size="12" maxlength="18">
					角色
					<select id="qy2" name="qy" size="1">
						<option value="gly">管理员</option>
						<option value="yg">员工</option>
					</select>
					<input type="button" id="btn" value="搜索" />
				</div>
				<div class="btn-group">
					<input type="button" id="btn1" value="    新增" />
					<input type="button" id="btn2" value="    删除" />
					<input type="button" id="btn3" value="    修改" />
					<input type="button" id="btn4" value="    查询" />
				</div>
			</div>
		</div>
		<div class="biaoge">
			<table border="1" width="100%">
				<tr class="xbt">
					<th>全选</th>
					<th>姓名</th>
					<th>身份证号</th>
					<th>角色</th>
					<th>是否启用</th>
					<th>创建时间</th>
				</tr>
					<tr>
						<td style="text-align: center;" width="50px"><input type="checkbox" id="fxk1" name="dxk"/></td>
						<td>张三</td>
						<td>11111111111</td>
						<td>老师</td>
						<td>已启用</td>
						<td>1</td>
					</tr>
					<tr bgcolor="#D6E9C6">
						<td style="text-align: center;"><input type="checkbox" id="fxk2" name="dxk" /></td>
						<td>王五</td>
						<td>2222222222222</td>
						<td>学生</td>
						<td>已启用</td>
						<td>11</td>
					</tr>
					<tr>
						<td style="text-align: center;"><input type="checkbox" id="fxk3" name="dxk" /></td>
						<td>李四</td>
						<td>3333333</td>
						<td>老师</td>
						<td>已启用</td>
						<td>111</td>
					</tr>
					<tr bgcolor="#D6E9C6">
						<td style="text-align: center;"><input type="checkbox" id="fxk4" name="dxk" /></td>
						<td>汇鑫</td>
						<td>4444444444</td>
						<td>老师</td>
						<td>已停用</td>
						<td>111</td>
					</tr>
					<tr>
						<td style="text-align: center;"><input type="checkbox" id="fxk5" name="dxk" /></td>
						<td>轴线</td>
						<td>555555555</td>
						<td>老师</td>
						<td>已停用</td>
						<td>1111</td>
					</tr>
					<tr bgcolor="#D6E9C6">
						<td style="text-align: center;"><input type="checkbox" id="fxk6" name="dxk" /></td>
						<td>飞天</td>
						<td>66666666</td>
						<td>学生</td>
						<td>已启用</td>
						<td>111111</td>
					</tr>
					<tr>
						<td style="text-align: center;"><input type="checkbox" id="fxk7" name="dxk" /></td>
						<td>小红</td>
						<td>7777777777</td>
						<td>学生</td>
						<td>已启用</td>
						<td>111</td>
					</tr>
					<tr bgcolor="#D6E9C6">
						<td style="text-align: center;"><input type="checkbox" id="fxk8" name="dxk" /></td>
						<td>小米</td>
						<td>8888888888</td>
						<td>老师</td>
						<td>已停用</td>
						<td>1</td>
					</tr>
					<tr>
						<td style="text-align: center;"><input type="checkbox" id="fxk9" name="dxk" /></td>
						<td>小明</td>
						<td>99999999999</td>
						<td>学生</td>
						<td>已停用</td>
						<td>1111</td>
					</tr>
			</table>
		</div>
		<div class="btn22">
			<input type="button" id="btn5" value="首页" /><input 
			type="button" id="btn6" value="上一页" /><input 
			type="button" id="btn7" value="1" /><input 
			type="button" id="btn8" value="2" /><input 
			type="button" id="btn9" value="下一页" /><input 
			type="button" id="btn0" value="末页" />
		</div>
		</div>
	</body>
</html>
